<template>
  <div class="acctLogout">
       <Header title="账号注销" background="#fff"/>

       <div class="check">
         <div class="name">温馨提示</div>
         <div class="desc">请确认您的账号中是否存在操作中的数字藏品，操作完成后方可注销账户。</div>
       </div>

        <van-cell-group>
          <van-cell title="注册手机号">
            <span>15600933300</span>
          </van-cell>
        </van-cell-group>

      <van-row gutter="12" class="fixedPaid" v-show="pageData.isOriginHei">
          <van-col span="24">
            <van-button class="sub sub1" block type="info" @click="$router.push({name: 'newphone'})">注销账号</van-button>
          </van-col>
      </van-row>
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'acctLogout',
  computed: { ...mapGetters({ pageData: 'pageData'}) },
  data () {
    return {
      radio: "",
      phone:'15600932554',
      oldPassword:'',
      newPassword:'',
      againPassword:'',
      show: false,
    }
  },
  methods: {
    logout() {
      this.$router.push({name: 'login'})
    },
   onSelect(item){
      console.log(item)
      this.show = false
      if(item.type==1) {
      }
    },
    toCancel(){
      console.log('点击了取消');
    },
    btnlogin() {
      this.$router.push({ path:'/tabbar/home'})
    }
  },
  mounted() {
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scope>
.acctLogout {
  padding-top: 50px;

  .check {
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 10px;

    .name {
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
      line-height: 30px;
      margin-bottom: 4px;
    }
    .desc {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 20px;
    }

  }
  .van-cell-group {
    .van-cell__title, .van-cell__value {
      flex: none;
    }
    .van-cell__value {
      padding-left: 36px;
      text-align: left;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
    }
  }

.fixedPaid {
    bottom: 0;
    left: 0;
    width: 100%;
    position: fixed;
    height: 60px;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    background: #FFFFFF;

    .van-radio {
      display: inline;
    }
    .van-radio__icon {
      display: inline-block;
      vertical-align: middle;
    }
    .van-icon {
      width: 20px;
      height: 20px;
    }
    .van-radio__icon--checked .van-icon {
      width: 20px;
      height: 20px;
      line-height: 20px;
      background: #958CE7;
      border: none;
    }
    .van-icon-success:before {
      font-size: 13.5px;
    }
    p{
        font-size: 13.2px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        line-height: 40px;
    }
    .book {
      font-size: 13.2px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #958CE7;
      line-height: 40px;
    }
    .van-button--info {
      background: linear-gradient(270deg, #E091A9 0%, #9A7FCF 100%);
      border-radius: 40px;
      border: none
    }
    .sub {
      
      width: 100%;
      height: 40px;
      margin-top: 4px;
      border-radius: 40px;
      background: linear-gradient(270deg, #E091A9 0%, #9A7FCF 100%);
      border: none;
      font-size: 13px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #fff;
    }
    .sub1 {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #fff;
      background: linear-gradient(270deg, #E091A9 0%, #9A7FCF 100%);
      border-radius: 40px;
      border-radius: 40px;
      border: none;
    }
  }

}
</style>
